<template>

<div class="login">login</div>
<div class="mb-4">
    <el-button>Default</el-button>
    <el-button type="primary">Primary</el-button>
    <el-button type="success">Success</el-button>
    <el-button type="info">Info</el-button>
    <el-button type="warning">Warning</el-button>
    <el-button 
    type="danger"
    >Danger</el-button>
    <div>{{ input1 }}</div>
    <el-input 
    v-model="input1"
      style="width: 240px"
      size="large"
      placeholder="Please Input"
    >哈哈哈</el-input>
</div>

</template>

<script setup lang='ts'>
import  {ref, reactive} from 'vue'

const input1 = ref('')


</script>

<style lang='scss' scoped>
.login{
    font-size: .5rem;
}
</style>